<template>
  <!-- 测试各种组件 -->
  <!-- <Skeleton :width="120" :height="80" bg="red" />
  <XtxSlider /> -->
  <!-- <XtxBread separator="/">
    <XtxBreadItem to="/login"> 首页</XtxBreadItem>
    <XtxBreadItem> 没事</XtxBreadItem>
  </XtxBread> -->
  <!-- <XtxNumbox :max="8" :min="2" /> -->
  <div id="container"></div>
</template>

<script>
// import Skeleton from '@/components/Skeleton'
import { createVNode, render, onMounted } from 'vue'
export default {
  setup () {
    onMounted(() => {
      const p = createVNode('p', {}, ['我是子节点'])
      // const div = document.querySelector('#container')
      // render(p, div)
      const div = createVNode('div', { style: { color: 'blue' } }, [p])
      const dd = document.querySelector('#container')
      render(div, dd)
    })
  }
}
</script>

<style>
</style>
